<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--<link href="/css/bootstrap.css" rel='stylesheet' type='text/css' />-->
		<link rel="stylesheet" href="/css/base.css" />
		<link rel="stylesheet" href="/css/index.css" />
		<link rel="stylesheet" href="/css/detail.css" />
		<link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
		<script src="/libs/requirejs/require.js" data-main="/js/detail"></script>
	</head>

	<body>
		<div class="detail-wrapper">
			<header></header>
			<div class="scoll-wrap">
				<ul>
					<li>
						<a href="javascript:void(0)">
							<img src="https://stage-img.adidas.com.cn/images/icon_free-new.png?version=000000" alt="...">
						</a>
						全场免运费</li>
					<li>
						<a href="javascript:void(0)">
							<img src="https://stage-img.adidas.com.cn/images/icon_timer-new.png?version=000000" alt="...">
						</a>
						尊享当日达、次日达、次晨达</li>
					<li>
						<a href="javascript:void(0)">
							<img src="https://stage-img.adidas.com.cn/images/icon_returnorder-new.png?version=000000" alt="..." class="">
						</a>
						注册会员支持货到付款</li>

				</ul>
			</div>
			<div class="breadcrumb ">
				<ul class="list-inline">
					<li>
						<a href="javascript:void(0)" onclick="goBack()">
							<i class="icon icon-round-lightgray-lefts"></i>返回</a>
					</li>
					<li class="cut-off">丨</li>
					<li><a href="/index?locale=zh_CN">首页</a></li>
					<li class="cut-off">/</li>
					<li>climacool 2.0 m 跑步鞋</li>
				</ul>
			</div>

			<article class="first-artcle">
				<div class="first-article-bg">
					<div class="product-size-box">

						<div class="swiper-container gallery-top">
							<div class="swiper-wrapper">
								<div class="swiper-slide" style="background-image:url(/images/1552299940091816_500X500.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999549367441_500X500.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999358094928_500X500.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999418338666_500X500.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999487878305_500X500.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999435975642_500X500.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/1552299957440252_500X500.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999467651060_500X500.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999505396306_500X500.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999528068441_500X500.jpg)"></div>
							</div>

						</div>

						<div class="swiper-container gallery-thumbs">
							<div class="swiper-wrapper">
								<div class="swiper-slide" style="background-image:url(/images/1552299940091816_54X54.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999549367441_54X54.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999358094928_54X54.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999418338666_54X54.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999487878305_54X54.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999435975642_54X54.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/1552299957440252_54X54.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999467651060_54X54.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999505396306_54X54.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(/images/15522999528068441_54X54.jpg)"></div>
							</div>
						</div>

					</div>
					<div class="right-message">
						<div class="pdp-title">
							<div class="goods-tit">
								中性 &nbsp;运动表现 &nbsp;跑步</div>
							<h3>climacool 2.0 m 跑步鞋</h3>
							<div class="star"><i class="icon-new"></i></div>
							<a class="pingjia" href="#itemrateLoc">共39条评价</a>
							<span class="goods-price price-single">¥799</span>
						</div>

						<div class="pdp-color">
							<h3>白色/灰色(B75892)</h3>
							<ul class="clearfix">
								<li>
									<a href="javascript:void(0);">
										<img src="https://img.adidas.com.cn/resources/2019/5/10/15574590163261763_60X60.jpg" alt="" style="opacity: 1;">
										<i class="icon"></i>
									</a>
								</li>
								<li>
									<a href="javascript:void(0);">
										<img src="https://img.adidas.com.cn/resources/2019/3/11/15522999390425666_60X60.jpg" alt="" style="opacity: 1;">
										<i class="icon active"></i>
									</a>
								</li>
								<li>
									<a href="javascript:void(0);">
										<img src="https://img.adidas.com.cn/resources/2019/5/16/15579917073156537_60X60.jpg" alt="" style="opacity: 1;">
										<i class="icon"></i>
									</a>
								</li>
							</ul>
						</div>
						<div class="size-num-box">
							<div class="pdp-size-tab">
								<i class="icon"></i> 查看尺码对照表
							</div>
							<div class="pdp-size-num">
								<div class="select-box">
									<div class="dropdown  events-dropdown">
										<a class="btn">
											<span class="dropdown-text"> 选择尺码</span>
											<span class="dropdown-icon">
													<i class="icon icon-caret"></i>
												</span>
										</a>
										<div style="display: none;" class="sub-menu">
											<div class="viewport">
												<div class="overview product-size">
													<ul class="clearfix">
														<li ipi="1155598" size="3-" dispalysize="36 (UK3½)" class="is-disabled">
															<a>
																36</a>
														</li>
														<li ipi="1155600" size="4" dispalysize="36.5 (UK4)">
															<a>
																36.5</a>
														</li>
														<li ipi="1155602" size="4-" dispalysize="37 (UK4½)" class="is-disabled">
															<a>
																37</a>
														</li>
														<li ipi="1155597" size="5" dispalysize="38 (UK5)" class="is-disabled">
															<a>
																38</a>
														</li>
														<li ipi="1155594" size="5-" dispalysize="38.5 (UK5½)" class="is-disabled">
															<a>
																38.5</a>
														</li>
														<li ipi="1155583" size="6" dispalysize="39 (UK6)" class="is-disabled">
															<a>
																39</a>
														</li>
														<li ipi="1155595" size="6-" dispalysize="40 (UK6½)" class="is-disabled">
															<a>
																40</a>
														</li>
														<li ipi="1155607" size="7" dispalysize="40.5 (UK7)">
															<a>
																40.5</a>
														</li>
														<li ipi="1155603" size="7-" dispalysize="41 (UK7½)">
															<a>
																41</a>
														</li>
														<li ipi="1155605" size="8" dispalysize="42 (UK8)">
															<a>
																42</a>
														</li>
														<li ipi="1155604" size="8-" dispalysize="42.5 (UK8½)">
															<a>
																42.5</a>
														</li>
														<li ipi="1155606" size="9" dispalysize="43 (UK9)">
															<a>
																43</a>
														</li>
														<li ipi="1155596" size="9-" dispalysize="44 (UK9½)">
															<a>
																44</a>
														</li>
														<li ipi="1155601" size="10" dispalysize="44.5 (UK10)">
															<a>
																44.5</a>
														</li>
														<li ipi="1155599" size="10-" dispalysize="45 (UK10½)" class="is-disabled">
															<a>
																45</a>
														</li>
													</ul>
												</div>
											</div>
											<div class="without-your-size">
												没有您的尺码？</div>
											<div class="scrollbar none">
												<div class="track">
													<div class="thumb">
														<div class="end"></div>
													</div>
												</div>
											</div>
										</div>
									</div>

									<div class="msg-block">
										<i class="icon msg-icon"></i>
										<span></span>
									</div>
								</div>

								<div class="select-numb">

									<a class="btn">
										<span class="dropdown-text">1</span>
										<span class="dropdown-icon">
											<i class="icon icon-caret"></i>
										</span>
									</a>
								</div>
							</div>
							<div class="pdp-show">
								<div class="item-info font-black">
									<a class="item-info" href="#">立即购买
										<span class="gl-icon"></span>
									</a>
								</div>
								<div class="item-info font-black">
									<a class="item-info" href="#">加入购物袋
										<span class="gl-icon"></span>
									</a>

								</div>
								<div class="free-freight">
									<a class="e-free-freight-btn">
										<i class="icon"></i>
										<span>该商品免运费</span>
									</a>
									<a class="service-btn">
										<i class="icon icon-service-btn"></i>
										<span>在线客服</span>
									</a>
								</div>
							</div>

						</div>
						<div class="price-explain">
							<span>价格说明：上文显示的划线价格系该商品的建议零售价（而非法律意义上的原价），仅供您参考。</span>
						</div>
						<div class="fengxiang">
							<div>
								<i class="icon icon-weibo"></i>
							</div>
							<div>
								<i class="icon icon-weixin"></i>
							</div>
						</div>

					</div>

				</div>

			</article>
			<footer></footer>

		</div>
	</body>

</html>